<template>
  <div class="app">
    <h2>父组件</h2>
    <HmSon :username="username" :age="age" :car="car" />
  </div>
</template>

<script>
import HmSon from './components/HmSon.vue';
export default {
  name: 'App',
  data() {
    return {
      username: '张三丰',
      age: 18,
      isSinger: true,
      car: '自行车',
      hobbies: ['看电影', '看小说', '敲代码']
    }
  },
  // 2. 注册组件
  components: {
    HmSon
  },
  methods: {

  }
}
</script>

<style lang="less">
.app {
  width: 800px;
  height: 600px;
  background-color: skyblue;
}
</style>
